<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="css/heder.css" rel="stylesheet" >
		<link href="css/flex.css" rel="stylesheet" > 
		<link href="css/address.css" rel="stylesheet" > 
	</head>
	<body>
		
		
		<div class="header">
			<div class="h">
				
				<a class="logo"></a>
				
			    <div class="header-right">
					
					<a class="logo-btn">登录</a>
					<a class="register-btn">注册</a>
					
					
					<div class="user-wrapper">
						<h1>KAI</h1>
						<div class="user-info">
							<ul>
								<li><a href="user.html">个人信息</a></li>
								<li><a href="address.html">收货地址</a></li>
								<li><a href="myproduct.html">我的订单</a></li>
							</ul>
							<div class="outlogin">退出</div>
						</div>
					</div>
					
					<span class="line">|</span>
					
					<div class="cart-wrapper">
						<h1>购物车</h1>
						<div class="cart-info">
							<ul>
								<li>
									<a> <img src="img/goods.jpg"> </a>
									<div>
										<p>商品名字</p>
										<p>颜色</p>
										<p><span>数量</span>
										<span>价格</span></p>
									</div>
								</li>
								<li>
									<a> <img src="img/goods.jpg"> </a>
									<div>
										<p>商品名字</p>
										<p>颜色</p>
										<p><span>数量</span>
										<span>价格</span></p>
									</div>
								</li>
								
							</ul>
							<div class="look">查看商品</div>
						</div>
					</div>
					
					<span class="line">|</span>
					
					<div class="message-wrapper">
						<h1>消息</h1>
						<div class="message-list">
							<ul>
								<li><a>动态</a></li>
								<li><a>评论</a></li>
								<li><a>私信</a></li>
								<li><a>粉丝</a></li>
								<li><a>喜欢</a></li>
								
								<li><a>通知</a></li>
							</ul>
							
						</div>
					</div>
					
					<span class="line">|</span>
					
					<div class="add-wrapper">
						<h1>添加良品</h1>
					</div>
					<div class="agreementr">
						资质证件/协议规则
					</div>
			    </div>
			</div>
		</div>
		
		<nav >
			<ul class="flex-row">
				<li><a href="mian.html">首页</a></li>
				<li>
					<h1>商店</h1>
					<div class="nav-goods-list">
						<div class="nav-goods-list-l flex-col-between">
							<ul class="flex-row">
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
							</ul>
						    <div class=><a>查看所有品牌</a>><a>最新到货</a></div>
						</div>
						<div class="nav-goods-list-r ">
							<img src="img/shop_subnav_r.jpg">
							<p>新视线：  2015年7月刊</p>
						</div>
					</div>
					</li>
				<li>
					<h1>杂志</h1>
					<div class="nav-magazine-list">
						<ul class="flex-row">
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							
						</ul>
					</div>
					
					</li>
				<li>
					<h1>分享</h1>
					<div class="nav-magazine-list">
						<ul class="flex-row">
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							
						</ul>
					</div>
					</li>
				<li><a>达人</a></li>
				<li><a>有偿咨询</a></li>
			</ul>
			<div class="search flex-row">
				<input type="text" >
				<span></span>
			</div>
		</nav>
	
	    <div class= "mian">
			
			<div class="information flex-col-center">
				<div><a>基本设置</a></div>
			</div>
			
			<div class="information-b flex-row">
				<a>个人设置</a>|
				<a>账号安全</a>|
				<a>收货信息</a>|
				<a>我的订单</a>|
				<a>邀请好友
				</a>
			</div>
			<div class = "address-m">收货地址管理</div>
			<div class = "address-i"><span>新增常用收货地址</span>电话号或手机号必须填写一项</div>
			<form>
				<table>
					<tr class = "text-first">
						<td>真实姓名：</td>
						<td><input src = "text" class="add-name">*</td>
					</tr>
					<tr>
						<td>所在地：</td>
						<td>
							<select>
								<option>中国</option>
							</select>
							<select class="add-province">
								<option>所在省份</option>
								<option>湖南</option>
								<option>深圳</option>
								<option>广东</option>
							</select>
							<select class="add-city">
								<option>所在城市</option>
								<option>长沙</option>
								<option>东莞</option>
								<option>祁阳</option>
							</select>
							<select class="add-district">
								<option>所在区</option>
								<option>长沙</option>
								<option>东莞</option>
								<option>祁阳</option>
							</select>
						</td>
					</tr>
					<tr  class = "text-a">
						<td>街道地址：</td>
						<td>
							<textarea class="add-streetname">
							</textarea>
							*不需要重复填写省、市、区
						</td>
					</tr>
					<tr class = "text-first">
						<td>邮政编码：</td>
						<td><input type = "text"></td>
					</tr>
					<tr class = "text-first">
						<td>手机号码：</td>
						<td><input type = "text" class="add-tel">*</td>
					</tr>
					<tr class="list-phone">
						<td>电话号码：</td>
						<td><input type = "text">-
							<input type = "text">-
							<input type = "text">
							区号－电话号码－分机号(如：010-88888888/123)
						</td>
					</tr>
					<tr>
						<td>设为默认：</td>
						<td><input type = "checkbox"></td>
					</tr>
					<tr>
						<td></td>
						<td class = "baoc"><div>保存</div></td>
					</tr>
				</table>
				
			</form>
			
			<hr class = "ps">
			
			<div class = "baocun">保存的常用地址</div>
			
			<table class="address-table" >
				<tr>
					<td>收货人</td>
					<td>所在地区</td>
					<td>街道地址</td>
					<td>电话/手机</td>
					<td>状态</td>
					<td>操作</td>
				</tr>
				<tr class="addres-list">
					<td>唐必腾</td>
					<td>湖南长沙</td>
					<td>湖南科技职业学院</td>
					<td>13272485826</td>
					<td>默认地址</td>
					<td><span>修改</span>/<span>删除</span></td>
				</tr>
			</table>
			<div class="beizhu">备注：最多保存20个常用有效地址</div>
		</div>
		
		<hr>
		<div class="LoginAlert">
			
		</div>
		<div class="plogin">
			<div class="flex-row-between">
				登录良仓
				<span class="cha"></span>
			</div>
			
			<div class="plogin-b flex-row-between">
				<div class="plogin-b-l">
					<input type="text" class="inputname" placeholder="请输入用户名">
					<input type="password" class="inputpassword" placeholder="请输入密码"/>
					
					<div class="flex-row-between align-center">
						<div class="loginBnt">登录良仓</div>
						
						<div><a href="registered.html">注册良仓</a></div>
					</div>
				</div>
				<div class="plogin-b-r">
					<div>
						<p>第三方登录：</p>
						
						<div class="icon flex-row-between">
							<span><img src="img/QQ.png"/></span>
							<span><img src="img/微信.png"/></span>
							<span><img src="img/新浪微博.png"/></span>
							<span><img src="img/苹果.png"/></span>
						</div>
						
					</div>
				</div>
			</div>
		</div>
		<div class="end">
			<div class="shouz flex-row">
				<span></span>
				<a>良品商店</a>/
				<a>OUR SHOP</a>
			</div>
			
			<div>
				<ul class="flex-row-between" >
					<li class="flex-row align-center">
						<div></div>
						<div>
							<p>全球精品</p>
							<p>Global Selections</p>
						</div>
					</li>
					<li class="flex-row align-center">
						<div></div>
						<div>
							<p>全球精品</p>
							<p>Global Selections</p>
						</div>
					</li>
					<li class="flex-row align-center">
						<div></div>
						<div>
							<p>全球精品</p>
							<p>Global Selections</p>
						</div>
					</li>
					<li class="flex-row align-center">
						<div></div>
						<div>
							<p>全球精品</p>
							<p>Global Selections</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		
		<footer>
			<div class="footer-info flex-col-around">
				<div class="flex-row-between flex-row-col-center">
					<div class="footer-info-l flex-row">
						<div></div>
						<div>
							<p>iPhone Android</p>
							<p>客户端下载</p>
						</div>
					</div>
					
					<div class="footer-info-r flex-row-between">
						<span></span>
						<span></span>
						<span></span>
					</div>
				</div>
				
				
				<ul>
					<li>关于良仓|关于良仓|关于良仓|关于良仓|关于良仓|</li>
					<li>  公司名称：北京良仓文化传播有限公司  客服邮箱：kefu@iliangcang.com</li>
					<li>  公司名称：北京良仓文化传播有限公司  客服邮箱：kefu@iliangcang.com</li>
					<li>  公司名称：北京良仓文化传播有限公司  客服邮箱：kefu@iliangcang.com</li>
					<li>  公司名称：北京良仓文化传播有限公司  客服邮箱：kefu@iliangcang.com</li>
					<li>  公司名称：北京良仓文化传播有限公司  客服邮箱：kefu@iliangcang.com</li>
				</ul>
				
			</div>
		</footer>
	</body>
</html>
<script src="js/ajax.js"></script>
<script src="js/nav.js"></script>
<script src="js/address.js"></script>